<%@ include file="header.jsp"%>
<title>Projects and Playground</title>
</head>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<body>
	<%@ include file="navigation.jsp"%>
	<div class="body-wrapper">
		<div id="inner-wrapper" class="main-cotent pg-main">
			<p class="description pg-desc">
			When you get bored, this is the place for having some fun.
			For me it's a place to show some of my personal <abbr title="toy programms">projects</abbr> and try the latest technologies.
			</p>
			
			<section id="jtetris"  class="playground">
				<p class="description"> <span class="stress">HTML5 canvas + Javascript Tetris </span>
				Read a book <a href="http://eloquentjavascript.net/">Eloquent JavaScript</a> 
				and decide to make a object-oriented Javascript Tetris for practising and testing purpose.</p>
				<p class="description">I am doing node.js, hopefully once I finish the tutorial, I can do a multiplayer J-Tetris.</p>
				<iframe class="pg-iframe" style="width: 90%; height: 500px" src="http://jsfiddle.net/Seabook_JS/6byc3/76/embedded/" allowfullscreen="allowfullscreen" frameborder="1"></iframe>
				<p class="description">Long time ago, I did a java <abbr title="bugs and messy codes">Tetris</abbr>, put it <a href="">here</a> together as a memory</p>
				<p class="description">I will write <a href=""> a blog post</a> for this once I got time.</p>				
			</section>
			
			<section id="jsnake" class="playground">
				<p class="description"><span class="stress">HTML5 canvas + Simple Javascript Snake.</span> This is my first javascript game, basic functional javascripts, not Object Oriented.</p>
				<iframe class="pg-iframe" style="width: 75%; height: 350px;" src="http://jsfiddle.net/Seabook_JS/YfrfH/5/embedded/" allowfullscreen="allowfullscreen" frameborder="1"></iframe>
			</section>
			
			<section id="gae-tank" class="playground">
				<p class="description"><span class="stress">GWT + GAE Tank</span> 2+ years ago, at that time, like other developers, 
				I am not a fan of Javascript but I want to write some web based games. So I choose the GWT + GAE. But now I start to like JS and Java is too much code and restricted. </p>
				<iframe class="pg-iframe" style="width: 65%; height: 250px" src="http://happystank.appspot.com/" allowfullscreen="allowfullscreen" frameborder="1"></iframe>
				<p class="description">The code is lame, but if you want to browse the source code, it's <a href="http://gwttankgame.googlecode.com/svn/trunk/GWTAnimation/">here</a></p>
				<p class="description">Again, GAE is great but Java is slow and not very fun to do the coding.</p>
			</section>
			
			<section id="algorithm-ds" class="playground">
				<p class="description"><span class="stress">Data Structure, Algorithm and Coding</span> Last but not least, we did quite a bit of algorithm brainstorming. I created a Google Group for doing this. It's not very popular but it's fun and keep your mind spin. And here is the <a href="http://code.google.com/p/ds-algorithm/">source code</a></p>
				<p class="description">And if you want to know more, please see the <a href="https://groups.google.com/forum/?fromgroups#!forum/happy-programming">Google Group</a> for this.</p>
			</section>
			
			<p class="description pg-desc center">
				Hope you guys enjoy the games and happy coding ...
			</p>
		</div>
	</div>
	<%@ include file="footer.jsp"%>
</body>
</html>